<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#box{
				height:100px;
				width:100px;
				background-color:blue;
			}
		</style>
	</head>
	<body>
		取消事件的默认行为
		如：右键单击会出菜单
		    a 标签 默认行为 跳转页面
			
		e.preventDefault();//取消事件的默认行为  FF
		e.returnValue=false;//取消事件的默认行为  IE
			
		<div id="box"></div>
		<a href="http://www.baidu.com" id="abox">百度</a>
		<script>
			//取消a标签的默认行为
			abox.onclick=function(e){
				if(typeof e.preventDefault!=="undefined"){
					e.preventDefault();
				}else{
					e.returnValue=false;
				}
			}
			
			//e---》event事件对象（属性和方法）
			box.oncontextmenu=function(e){
				//console.log(e);
				// e.preventDefault();//取消事件的默认行为
				// e.returnValue=false;//IE 浏览器  取消事件的默认行为
				if(typeof e.preventDefault!=="undefined"){
					e.preventDefault();//FF
				}else{
					e.returnValue=false;//IE
				}
				console.log("右键单击");
			}
			
		</script>
	</body>
</html>
